<style>
    .tree-folder{
        clear: both;
        background: none;
    }
    .tree-folder-open{
        clear: both;
        background: none;
    }
    /*.fa{*/
    /*margin-top: 3px;*/
    /*}*/
    td[field=sDepName] > .datagrid-cell > .fa{
        /*height: inherit;*/
        margin-top: 3px;
    }
    .tree-file{
        clear: both;
        background: none;
        margin-top:3px;
    }
    .tree-folder{
        margin-top:4px;
    }

    .progressbar-value .progressbar-text {
        background-color: #428bca;
        color: #FFFFFF;
    }

    .layout-split-west{
        border-right:0px;
    }
    div[data-options="region:'center',split:true"]{
         border-left: 0px;
     }
    div[data-options="region:'west',split:true"]{
        border-right: 0px;
    }
</style>
<script>
    var projectStatus = {{ projectStatus |json_encode }};
    var taskStatus = {{ taskStatus |json_encode }};
    var taskLevels = {{ taskLevels |json_encode }};
    var projectName = {{ projectName |json_encode }};
</script>
<input id ='projectid' type="hidden" value="{{ projectId }}">
<div style="width: 100%;height: 100%;" class="easyui-layout">
    <div data-options="region:'center',split:true" title="任务列表">
        <table id="taskList" style="height: 100%"  toolbar="#taskList_toolbar">
        </table>
    </div>
    <div style="width: 425px" data-options="region:'west',split:true" title="项目列表">
        <table id="projectList" style="height: 100%" toolbar="#proList_toolbar">
        </table>
    </div>
</div>
<div id="changestatus" style="width:100px;color:#2baab1;display: none">
    <div  iconCls="fa fa-play" style="color:#2baab1;">开始</div>
    <div  iconCls="fa fa-check" style="color:green;">完成</div>
    <div  iconCls="fa fa-close" style="color:red;">关闭</div>
</div>
<div id="proList_toolbar" class="xh-datagrid-toolbar" style="line-height:20px;padding:5px 0 5px 10px;">
    <span id="addpro">新增</span>
    {% if projectEdit %}
        <a id="pro_bt_list_edit"  plain="true"><i class="fa fa-pencil fa-lg fa-fw" style="color:#2baab1;"></i>编辑</a>
    {% endif %}
    {% if projectDel %}
        <a id="pro_bt_list_delete"  plain="true"><i class="fa fa-remove fa-lg fa-fw" style="color:#2baab1;"></i>删除</a>
    {% endif %}
    {% if projectCheck %}
        <a id="pro_bt_list_check"  plain="true"><i class="fa fa-check-square-o fa-lg fa-fw" style="color:#2baab1;"></i>审核</a>
    {% endif %}
    {% if projectTest %}
        <a id="pro_bt_list_test"  plain="true"><i class="fa fa-external-link fa-lg fa-fw" style="color:#2baab1;"></i>测试用例</a>
    {% endif %}
    {% if alterProjectStatus %}
        <span id="pro_bt_list_state" plain="true">状态</span>
    {% endif %}
</div>
<div id="taskList_toolbar" class="xh-datagrid-toolbar" style="line-height:20px;padding:5px 0 5px 10px;">

    <select id ='taskstatus' style = 'width:100px;'>
        <option>选择状态</option>
        {% for key ,value in taskStatus %}
            <option value = '{{key}}'>{{value}}</option>
        {% endfor %}
    </select>
    <select id ='tasklevel' style = 'width:100px;'>
        <option>选择级别</option>
        {% for key ,value in taskLevels %}
            <option value = '{{key}}'>{{value}}</option>
        {% endfor %}
    </select>

    <input id="memberid" class="easyui-combobox" name="dept" style="height: 22px;width: 90px"
           data-options="valueField:'id',textField:'text',url:'{{ url('pm/project/getProjectMembersById?projectId=')~projectId }}',">
    <a id = 'bt_list_search'  class="easyui-linkbutton" plain="true"> <i class="fa fa-search" style="color:#2baab1;"></i> 查询</a>
    <div class="datagrid-toolbar" style="margin:3px 0 5px -10px;width:110%;"></div>

    {% if taskAdd  %}
        <a id="bt_list_add" plain="true"><i class="fa fa-plus fa-lg fa-fw" style="color:#2baab1;"></i>新增</a>
    {% endif %}
    {% if taskEdit %}
        <a id="bt_list_edit" plain="true"><i class="fa fa-pencil fa-lg fa-fw" style="color:#2baab1;"></i>编辑</a>
    {% endif %}
    {% if taskAdd %}
        <a id="bt_tasks_add" plain="true"><i class="fa fa-plus fa-lg fa-fw" style="color:#2baab1;"></i>批量添加任务</a>
    {% endif %}
    {% if taskDel %}
        <a id="bt_list_del" plain="true"><i class="fa fa-remove fa-lg fa-fw" style="color:#2baab1;"></i>删除</a>
    {% endif %}
    {% if taskEdit %}
        <a id="bt_list_link" plain="true"><i class="fa fa-link fa-lg fa-fw" style="color:#2baab1;"></i>关联任务</a>
    {% endif %}

    <div id="bt_list_state" plain="true">状态</div>
</div>


<div id="addproject"  style="width:80px;color:#2baab1;display: none">
    {% if versionAdd %}
        <div id="bt_version_add" iconCls="fa fa-plus" style="color:#2baab1;">新增版本</div>
    {% endif %}
    {% if moduleAdd %}
        <div id="bt_module_add"  iconCls="fa fa-plus" style="color:#2baab1;">新增模块</div>
    {% endif %}
</div>

<div id="projectstatus" style="width:80px;color:#2baab1;display: none">
    {% for key ,value in projectStatus %}
        {% if ifXhjsb == 1 %}
            {% if key == 1 %}
                <div class="statusChange"  iconCls="fa fa-play" style="color:#2baab1;">开发</div>
            {% elseif key == 2 %}
                <div class="statusChange"  iconCls="fa fa-plus-square" style="color:#0079c8;">测试</div>
            {% elseif key == 3 %}
                <div class="statusChange"  iconCls="fa fa-forward" style="color:#0031ff;">发布</div>
            {% elseif key == 4 %}
                <div class="statusChange"  iconCls="fa fa-check" style="color:green;">完成</div>
            {% elseif key == 6  %}
                <div class="statusChange"  iconCls="fa fa-play-circle" style="color:#00efff;">重启</div>
            {% endif %}
        {% elseif ifXhjsb == 0 %}
            {% if key == 1 %}
                <div class="statusChange"  iconCls="fa fa-play" style="color:#2baab1;">开发</div>
            {% elseif key == 2 %}
                <div class="statusChange"  iconCls="fa fa-check" style="color:green;">完成</div>
            {% elseif key == 6  %}
                <div class="statusChange"  iconCls="fa fa-play-circle" style="color:#00efff;">重启</div>
            {% endif %}

        {% endif %}
    {% endfor %}
    <div class="statusChange"  iconCls="fa fa-pause" style="color:red;">暂停</div>
</div>